<template>
    <el-table
        :data="children"
        border
        :stripe='stripe'
        :tooltip-effect="tooltip"
        style="width: 100%">
        <el-table-column type="expand">
            <template slot-scope="props">
                <div v-if="props.row.children!=[]">
                    <ParentChildNode v-bind="props.row"></ParentChildNode>
                </div>
            </template>
        </el-table-column>
        <template v-for="(item,index) in columns">  
            <el-table-column show-overflow-tooltip :fixed="item.fixed" :align="item.align" :key="index" :label="item.label" :prop="item.prop">
            </el-table-column>
        </template>
    </el-table>
</template>
<script>
  export default {
    name:"ParentChildNode",
    props:{
        children:Array,
        columns:Array,
        stripe:Boolean,
        tooltip:String,
    },
    data() {
        return {
        }
    },
    methods:{

    }
  }
</script>
